<template>
  <div class="car">
    <car-nar-bar></car-nar-bar>

    <car-list :carData="carData"></car-list>
  </div>
</template>

<script>
import CarList from "./childComps/CarList.vue";
import CarNarBar from "./childComps/CarNarBar.vue";

export default {
  name: "Cart",
  components: {
    CarNarBar,
    CarList,
  },
  data() {
    return {
      carData: this.$store.state.carList,
    };
  },
  methods: {
    contentScroll() {},
  },
};
</script>

    
<style scoped>
.car {
  position: relative;
  width: 100%;
  height: 100vh;
}
</style>
